import './App.css';
import {BrowserRouter as Router, Switch, Route, Redirect} from "react-router-dom";
import Home from "./pages/Home";
import Users from "./pages/Users";
import About from "./pages/About";
import Navigation from "./components/Navigation";
import Article from "./pages/Article";
import Copyright from "./layouts/Copyright";
import PictureBed from './pages/PictureBed';

function App() {
  return (
    <div className="App">
      <Router>
        <Switch>
          <Route path="/about">
            <About/>
          </Route>
          <Route path="/users">
            <Users/>
          </Route>
          <Route path="/home">
            <Home/>
          </Route>
          <Route path="/picture-bed">
            <PictureBed/>
          </Route>
          <Route path="/article/:md">
            <Article/>
          </Route>
          <Redirect from="/" to="/home"/>
        </Switch>
      </Router>
      <div style={{position: "fixed", top: "0", width: "100%"}}>
        <Navigation/>
      </div>
      <div style={{marginBottom: "20px"}}>
        <Copyright/>
      </div>
    </div>
  );
}

export default App;
